import * as React from 'react';
import { NavLink } from "react-router-dom";
import './Header.css'



export default class Header extends React.Component {

    render () {
        const props: any = this.props;

        return (
            <header>
                <div className="header">
                    <img src= {require("../../assets/img/headerImg.png")} className="headerImg"
                    />
                    <div className="header_auto">
                        <div className="header_l">
                            <img
                                className="logo"
                                src={require("../../assets/img/logo_kydd.png")}
                                alt="科研道德委员会办公室"
                            />
                        </div>

                    </div>
                    <div className="nav-link">
                        <ul>
                            <li className={sessionStorage.getItem("path") == '/joinUs' ? 'active':""}>
                                <NavLink to="/joinUs" >
                                    <span>加入我们</span>
                                </NavLink>
                            </li>
                            <li className={sessionStorage.getItem("path") == '/evidenceItem' ? 'active':""}>
                                <NavLink to="/evidenceItem" activeClassName="active" activeStyle={{color:'#000'}}>
                                    <span>证据链</span>
                                </NavLink>
                            </li>
                            <li className={sessionStorage.getItem("path") == '/evidence' ? 'active':""}>
                                <NavLink to="/evidence">
                                    <a href="#">
                                    <span>论文证据查询</span>
                                </a>
                                </NavLink>
                            </li>
                            <li className={sessionStorage.getItem("path") == '/' ? 'active':""}>
                                <NavLink to="/">
                                <span>首页</span>
                                </NavLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </header>
        )
    }
}
